/*
 * 样式重置文件
 * 作用：消除不同浏览器的默认样式差异
 */

 @charset "UTF-8";

 /**
  * 1. 防止 iOS 和 IE 中方向改变后字体大小调整，同时禁止用户手动缩放
  * 2. 修正所有浏览器中未定义的 `body` 字体大小（默认约为 16px）
  */
 html {
   line-height: 1.15; /* 1 */
   -webkit-text-size-adjust: 100%; /* 1 */
   -ms-text-size-adjust: 100%; /* 1 */
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 消除点击高亮 */
   font-size: 16px; /* 2 */
 }
 
 /**
  * 移除 body 边距
  */
 body {
   margin: 0;
   padding: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 }
 
 /**
  * 渲染标题元素样式为正常字体粗细
  */
 h1, h2, h3, h4, h5, h6 {
   font-size: inherit;
   font-weight: normal;
   margin: 0;
 }
 
 /**
  * 修正所有浏览器中块级元素的显示
  */
 article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
   display: block;
 }
 
 /**
  * 修正 IE 中音频、 canvas 和视频元素的显示
  */
 audio, canvas, video {
   display: inline-block;
 }
 
 /**
  * 修正 IE 中没有 controls 属性的音频元素的显示
  */
 audio:not([controls]) {
   display: none;
   height: 0;
 }
 
 /**
  * 移除链接的默认样式
  */
 a {
   background-color: transparent;
   text-decoration: none;
   color: inherit;
 }
 
 /**
  * 修正 Chrome 57- 中 abbr 元素的边框底部样式
  */
 abbr[title] {
   border-bottom: none;
   text-decoration: underline;
   text-decoration: underline dotted;
 }
 
 /**
  * 修正 Chrome、 Edge 和 Safari 中 b 和 strong 元素的字体粗细
  */
 b, strong {
   font-weight: bolder;
 }
 
 /**
  * 修正 Chrome、 Edge 和 Safari 中 code、 kbd、 samp 元素的字体家族
  */
 code, kbd, samp {
   font-family: monospace, monospace;
   font-size: 1em;
 }
 
 /**
  * 修正 Chrome 和 Safari 中 small 元素的字体大小
  */
 small {
   font-size: 80%;
 }
 
 /**
  * 防止 sub 和 sup 元素影响行高
  */
 sub, sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
 sub {
   bottom: -0.25em;
 }
 
 sup {
   top: -0.5em;
 }
 
 /**
  * 修正所有浏览器中表单元素的字体样式
  */
 button, input, optgroup, select, textarea {
   font-family: inherit;
   font-size: 100%;
   line-height: 1.15;
   margin: 0;
   padding: 0;
   border: none;
   outline: none;
   background: none;
 }
 
 /**
  * 修正 Edge 和 IE 中按钮元素的溢出问题
  */
 button, input {
   overflow: visible;
 }
 
 /**
  * 修正 Edge、 Firefox 和 IE 中按钮和 select 元素的文本转换问题
  */
 button, select {
   text-transform: none;
 }
 
 /**
  * 修正 iOS 和 Safari 中无法设置可点击类型的按钮样式
  */
 button, [type="button"], [type="reset"], [type="submit"] {
   cursor: pointer;
 }
 
 /**
  * 移除 Firefox 中按钮和输入元素的内部边框和填充
  */
 button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
 /**
  * 恢复上一个规则未设置的焦点样式
  */
 button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
 /**
  * 修正 Firefox 中的内边距
  */
 fieldset {
   padding: 0.35em 0.75em 0.625em;
 }
 
 /**
  * 修正 IE 10+ 中 a 元素内的图片边框
  */
 img {
   border-style: none;
   max-width: 100%;
   height: auto;
 }
 
 /**
  * 修正 Edge 和 IE 中表格单元格的边距
  */
 table {
   border-collapse: collapse;
   border-spacing: 0;
 }
 
 td, th {
   padding: 0;
 }
 
 /**
  * 移除列表样式
  */
 ul, ol {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
 /**
  * 修正 IE 中模板元素的显示
  */
 template {
   display: none;
 }
 
 /**
  * 修正 IE 10 中隐藏属性的显示
  */
 [hidden] {
   display: none;
 }
 
 /**
  * 清除浮动
  */
 .clearfix::after {
   content: "";
   display: table;
   clear: both;
 }
 
 /**
  * 让所有元素使用 border-box 盒模型
  */
 *,
 *::before,
 *::after {
   box-sizing: border-box;
 }  